export default {
  data() {
    return {
      list: [
        // {
        //   id: 1,
        //   title: '商品标题巴拉巴拉巴拉巴巴拉巴拉',
        //   price: 1996.11,
        //   kc: 200, //库存
        //   time: 2012 - 2 - 2,
        //   name: 'xxx1',
        //   xl: 199, //销量
        //   is: 0 //0上架1下架
        // },
      ],
      selectedList: [], // 已勾选商品的id列表
      delShow: false, // 删除提示弹框显示
      offShelfPopupShow: false, // 下架提示弹框显示
      checkedAllStatus: false,
      pageNow: 1, // 当前页
      updateType: 0, // 操作状态 0：下架，1：删除
    }
  },

  created() {
    this.getCarGoodsList()
  },

  methods: {
    // 获取车品商品列表
    async getCarGoodsList() {
      uni.showLoading()
      try {
        let data = {
          pageIndex: this.pageNow,
          pageSize: 10,
          store_Id: this.$store.state.userInfoDetail.store.storeId,
          goodsStatae: 0, // 商品状态：0全部，1出售中，2已下架
          typeId: this.categoryValue === '-1' ? '' : this.categoryValue, // 分类id
        }
        const res = await this.$api.carGoods.GetGoodsCarSupplieManagementList(
          data
        )
        // 给当前tab页的list列表赋值数据
        this.list = res.data.list.map((item) => ({
          ...item,
          checked: false,
          name: item.id,
        }))
        console.table(this.list, ['id', 'goods_Name'])
        this.pageNow++ // 当前页码加1
      } catch (err) {
        //
      }
      uni.hideLoading()
    },

    // 监听勾选动作，勾选取消都会触发
    checkboxChange(arr) {
      this.selectedList = arr // 已勾选项

      let flag = true
      this.list.forEach((item) => {
        if (!item.checked) {
          flag = false
        }
      })
      this.checkedAllStatus = flag
      console.log('已选', arr)
    },

    // 全选
    checkedAll() {
      this.checkedAllStatus = !this.checkedAllStatus
      this.list.forEach((item) => (item.checked = this.checkedAllStatus))

      // 如果勾选了全选，就把列表所有的车品id赋值到已选列表里
      ;(this.selectedList = this.checkedAllStatus
        ? this.list.map((g) => g.id)
        : []),
        console.log('已选', this.selectedList)
    },

    // 点击删除或者下架按钮
    handleStatus(type) {
      // 如果已选列表为空时，不响应操作
      if (this.selectedList.length === 0) return false

      this.updateType = type
      uni.showModal({
        title: `${type === 0 ? '下架' : '删除'}`,
        content: `确定${type === 0 ? '下架' : '删除'}此车品吗`,
        confirmColor: '#FBB000',
        success: (res) => {
          if (res.confirm) {
            // 删除和下架请求接口
            this.UpdateCarSupplie()
          }
        },
      })
    },

    // 删除和下架请求接口
    async UpdateCarSupplie() {
      let data = {
        type: this.updateType,
        goodsid: this.selectedList,
      }
      try {
        const res = this.$api.carGoods.UpdateCarSupplie(data)
        uni.showToast({
          title: `${this.updateType === 0 ? '下架' : '删除'}成功`,
        })
        let t = setTimeout(() => {
          uni.redirectTo({
            url: `/pages_carGoods/carGoodsManage/carGoodsManage?status=${
              this.updateType === 0 ? 2 : 0
            }`,
          })
        }, 1000)
        // this.pageNow = 1
        // this.getCarGoodsList()
        console.log('操作成功', res)
      } catch (err) {
        //
      }
    },
  },
}
